var btn2 = $('.btn2');
var inp1 = $('.inp1');
var inp2 = $('.inp2');
var btn1 = $('.btn1');
var remember = $('.remember');
var flag = 0;
var t = 0;
// ***************************************************************************
// 用来判断本地存储中是否有记录，有就直接将数据显示
// localStorage.setItem('user', inp1.val());
// localStorage.setItem('pass', inp2.val());


// remember.click(function() {
//         if (remember.checked) {
//             localStorage.setItem('remember', 1);
//         } else {
//             localStorage.setItem('remember', 0);
//         }
//     })
//如果勾选，则将账号和密码显示在输入框中
// if (remember.checked) {
//     if (localStorage.getItem('user')) {
//         // 将数据填入输入框
//         inp1.value = localStorage.getItem('user');
//         inp2.value = localStorage.getItem('pass');
//         remember.checked = true;
//     }
// }

// ***********************************************************************
// if (localStorage.getItem('infos')) {
//     //有则将其转化为数组
//     var infosArr = JSON.parse(localStorage.getItem('infos'));
// } else {
//     //没有则创建一个空数组
//     var infosArr = [];
// }

// ***********************************************************************
// 点击第二个按钮时表示我要注册
btn2.click(function() {
        inp1.focus();
        btn1.html("注册");
        flag = 1; //等于1表示我可以注册了

    })
    // ******************************************************************************************
btn1.click(function() {
    var val_1 = inp1.val();
    var val_2 = inp2.val();
    if (flag == 1) {
        $.ajax({
            url: '../data/login.json',
            type: 'get',
            dataType: 'json',
            success: function(data) {
                $.each(data, function(index, item) {
                    if (item.user == val_1) {
                        alert('存在当前用户!');
                        inp1.val('');
                        inp2.val('');
                        inp1.focus();
                        t = 1;
                        return;
                    }
                })
                if (!t) {
                    alert("创建成功！请登录");
                    btn1.html("登录");
                    btn1.css('background', 'black');
                    inp1.val("");
                    inp2.val("");
                    flag = 0; //此时该按钮变为登入按钮
                    //此ajax是为了把新添加的数据通过php添加到json数据库中
                    $.ajax({
                        url: '../php/login.php',
                        type: 'get',
                        dataType: 'json',
                        data: { 'user': val_1, 'pass': val_2 },
                        success: function(data) {
                            console.log(data);
                        }
                    })


                }

            }
        })
    } else {

        if (!val_1 || !val_2) {
            alert('账号或密码不能为空！');
            return;
        }
        $.ajax({
            url: '../data/login.json',
            type: 'get',
            dataType: 'json',
            success: function(data) {
                console.log(data);
                // var lib = JSON.parse(data);
                // console.log(JSON.stringify(data));
                // console.log(typeof data);

                // console.log(lib);
                var flag = 0;
                $.each(data, function(index, item) {
                    if (data[index].user == val_1 && data[index].pass == val_2) {
                        flag = 1;
                        btn1.parent().attr('href', './page1.html');
                        window.location.href = "./page1.html";
                    }
                })
                if (!flag) {
                    alert("账号或者密码错误！");
                }

            }
        })
    }
})